﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>List</title>
  <link type="text/css" href="../base.css" rel="stylesheet">
  <link type="text/css" href="index.css" rel="stylesheet">

</head>
<body>

<nav>
    CSS Course by @Castle
</nav>
<div id="body">
  <h1 class="page-title">List-Style-Type</h1>

    <ol>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ol>

    <h1 class="page-title">List-Position</h1>
    <h4>Inside</h4>
    <ol class="inside">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ol>
    <h4>Outside</h4>
    <ol class="outside">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ol>

    <h1 class="page-title">List-Image</h1>
    <ol class="custom">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ol>


</div>
</body>
</html>